{% extends "base.html" %}
{% load badges_tags i18n %}
{% load humanize %}

{% block css %}
<link rel="stylesheet" type="text/css" href="{{STATIC_URL}}css/badges.css" />
{% endblock %}

{% block content %}



<div id="badge_sys">
    {% blocktrans %}
    <h3 class="hplm" style="margin-top:0">The Badge System</h3>
    <p><!-- description badge and why--></p>
    <p><span style="color:#855e42">Bronze Badges</span> are given for completing basic tasks.</p><br/>
    <p><span style="color:#a8a8a8">Silver Badges</span> are given for being an active member.</p><br/>
    <p><span style="color:#cd7f32">Gold Badges</span> are given for going above the role of active participation.</p><br/>
    <p><span style="color:#cdcdcd">Diamond Badges</span> are the one you may not win except if you really want them.</p><br/>
    {% endblocktrans %}
    <p>{% blocktrans %}<a href="/badges/">List</a> of all available badges{% endblocktrans %}</p><br/>
</div>

<div id="badges_tank" style="margin-right:350px;">
    <p class="info_blurb">
    {% blocktrans %}Badges are fun! They're just little reminders that <strong>you are awesome</strong> {% endblocktrans %}
        <span class="faces">☺</span>
    </p><br/>

    <table class="badges">
        <tr class="header">
            <th>{% trans "Badge" %}</th>
            <th>{% trans "Description" %}</th>
        </tr>
        {% for badge in badges %}
        <tr class="{% cycle 'highlighted' '' %}">
		    <td class="badge">
		        {% include "badges/badge.html" %}
		    </td>
		    <td class="badge_description">{{ badge.description }}</td>
        </tr>
        {% endfor %}
    </table>
</div>
{% endblock %}

